<div class="item setting-box">
    <div class="billing-module">
        <div class="module-title">配置</div>
        <div class="item-content">
            <div>
                <div class="item-line">
                    <span class="item-title">基础配置</span>
                    <img src="{{ STATIC_URL }}ratingfunction/img/edit.png" alt="" class="ml10">
                </div>
                <div class="item-line">
                    <span class="title">计费模式</span>
                    <span class="content">包年/包月</span>
                    <span class="title">区域</span>
                    <span class="content">{{ total_context.availability_zone }}</span>
                    <span class="title">可用区</span>
                    <span class="content">随机分配</span>
                </div>
                <div class="item-line">
                    <span class="title">规格</span>
                    {% for flavor_dict in total_context.flavors_list %}
                        {% if flavor_dict.id == total_context.flavor_id %}
                            <span class="content">通用计算增强型|{{ flavor_dict.name }}|{{ flavor_dict.vcpus }}vCPUs|{{ flavor_dict.disk }}GiB</span>
                        {% endif %}
                    {% endfor %}


                </div>
                <div class="item-line">
                    <span class="title">镜像</span>
                    {% for source_type in total_context.source_type_choices %}{#  #}
                        {% if source_type.source_type == total_context.source_type %}
                            {% for obj in source_type.obj_list %}
                                {% widthratio obj.size 1048576 1 as img %}
                                <span class="content">{{ obj.name }}|{{ obj.disk_format }}|{{ img|floatformat:2 }}M</span>
                            {% endfor %}
                        {% endif %}
                    {% endfor %}
                </div>
                <div class="line"></div>
            </div>
            <div>
                <div class="item-line">
                    <span class="item-title">网络配置</span>
                    <img src="{{ STATIC_URL }}ratingfunction/img/edit.png" alt="" class="ml10">
                </div>
                <div class="item-line">
                    <span class="title">网络</span>
                    {% for network in total_context.networks_list %}
                        {% if total_context.net_id.0 == network.id %}
                            <span class="content">{{ network.name }}</span>
                        {% endif %}
                    {% endfor %}

                </div>
                <div class="item-line">
                    <span class="title">网络接口</span>
                    {% for port in ports_list %}
                        {% if total_context.network_port == port.id %}
                            <span class="content">{{ port.name }}</span>
                        {% endif %}
                    {% endfor %}
                </div>

                <div class="line"></div>
            </div>
            <div>
                <div class="item-line">
                    <span class="item-title">高级配置</span>
                    <img src="{{ STATIC_URL }}ratingfunction/img/edit.png" alt="" class="ml10">
                </div>
                <div class="item-line">
                    <span class="title">云服务器名称</span>
                    <span class="content">{{ total_context.instance_name }}</span>
                    <span class="title">登录凭证</span>
                    <span class="content">密码</span>
                </div>
                <div class="item-line">
                    <span class="title">安全组</span>
                    {% for foo in total_context.security_groups_list %}
                        <span class="content">{{ foo.name }}</span>
                    {% endfor %}


                </div>
                <div class="line"></div>
            </div>
        </div>
    </div>
</div>